<script src="public/exts/grid/dhtmlx/dhtmlx.js" type="text/javascript" charset="utf-8"></script>
<script src="public/exts/grid/dhtmlx/dhtmlxdataprocessor.js" type="text/javascript" charset="utf-8"></script>
<script src="public/exts/grid/codebase/connector.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="public/exts/grid/dhtmlx/dhtmlx.css" type="text/css" charset="utf-8">


<h3>Quick Manage Users</h3>
<div style="text-align:right">

<input type="button" class='btn btn-hot' value="Remove" onClick="mygrid.deleteSelectedRows()">
</div>
<div style="height:20px"></div>

    <div id="gridbox" width="100%" height="500px" style="background-color:white;overflow:hidden"></div>
<script>
	mygrid = new dhtmlXGridObject('gridbox');
	mygrid.setImagePath("public/exts/grid/dhtmlx/imgs/");
	mygrid.setHeader("Username,Name,Email,Status,Group Id,Active,Change Name");
	mygrid.attachHeader("#connector_text_filter,#connector_text_filter,#connector_text_filter,#connector_select_filter,#connector_select_filter,#connector_text_filter,#connector_text_filter")
	mygrid.setInitWidths("150,*")
	mygrid.setColTypes("ed,ed,ed,ed,co,ch,ch");
	mygrid.setColSorting("connector,connector,connector,connector,connector,connector,connector")
	mygrid.enableSmartRendering(true)
	mygrid.enableMultiselect(true)
	mygrid.init();
	mygrid.loadXML("index.php?module=manage&act=admin&type=user&ext=data");
	var dp = new dataProcessor("index.php?module=manage&act=admin&type=user&ext=data");
	dp.init(mygrid);
</script>
